<template>
	<navigator :url="`/yixu/pages/curriculum/info?id=${information.id}`" :class="{'u-border-bottom':!isEnd}" hover-class="none" class="u-padding-30 u-flex u-col-top">
		<u-image width="280rpx" height="186rpx" :border-radius="15" :src="information.image" :lazy-load="true"></u-image>
		<view class="u-flex-1 u-padding-left-30">
			<view class="lg u-line-2">
				{{information.title||""}}
			</view>
			<view class="u-padding-top-5 xs u-color-999999">
				{{information.synopsis||""}}
			</view>
			<view class="u-margin-top-20 u-flex u-row-between">
				<view class="u-flex">
					<u-avatar :size="32" :src="information.author_image"></u-avatar>
					<text class="xs u-padding-left-15 u-color-999999">{{information.author_name||''}}</text>
				</view>
				<view class="u-flex">
					<u-icon name="eye" color="#999999"></u-icon>
					<text class="xs u-padding-left-5 u-color-999999">{{information.visit||0}}</text>
				</view>
				<view class="u-flex">
					<u-icon name="thumb-up" color="#999999"></u-icon>
					<text class="xs u-padding-left-5 u-color-999999">{{information.likes||0}}</text>
				</view>
			</view>
		</view>
	</navigator>
</template>

<script>
	export default {
		props:{
			information:{
				type: Object,
				default: () => {}
			},
			isEnd:{
				type:Boolean,
				default:false
			}
		}
	}
</script>